import React, { PropTypes } from 'react';
import { connect } from 'dva';
import { routerRedux } from 'dva/router';
import { Menu, Breadcrumb, Icon, Collapse, Tabs, Row, Col} from 'antd';
const Panel = Collapse.Panel;
const TabPane = Tabs.TabPane;
import './less/cost.less';

import ChartCost from './window/ChartCost';

function Invoice({location,dispatch,charge}){
    return (
        <Row>
            <Col span={8} offset={1}>
                <div className="psCard color3">
                    <div className="pcHead" onClick={()=>{dispatch({
                        type:'mask/showMask',
                        content:<ChartCost dispatch={dispatch}/>
                    })}}>
                        <img src={require('../asset/card4.png')} />
                        <span>票号设置</span>
                    </div>
                </div>
            </Col>
            <Col span={8} offset={1}>
              <div className="psCard color1">
                  <div className="pcHead">
                      <img src={require('../asset/card5.png')} />
                      <span>票号生成</span>
                  </div>
              </div>
            </Col>
        </Row>
    )
}

function mapStateToProps({ charge }) {
  return { charge };
}

export default connect(mapStateToProps)(Invoice);
